{% extends 'base.html' %}

{% block header %}
    <h1>{% block title %}Posts{% endblock %}</h1>
    {% if g.user %}
    <!-- 当用户登录后, header 块添加一个指向 create 视图的连接. -->
    <a class="action" href="{{ url_for('blog.create') }}">New</a>
    {% endif %}
{% endblock %}

{% block content %}
    {% for post in posts %}
        <article class="post">
            <header>
            <div>
                <h1>{{ post['title'] }}</h1>
                <div class="about">by {{ post['username'] }} on {{ post['created'].strftime('%Y-%m-%d') }}</div>
            </div>
            {% if g.user['id'] == post['author_id'] %}
            <!-- 当用户是博客作者时,可以看到一个“ Edit ”连接,指向 update 视图.  -->
                <a class="action" href="{{ url_for('blog.update', id=post['id']) }}">Edit</a>
            {% endif %}
            </header>
            <p class="body">{{ post['body'] }}</p>
        </article>
        {% if not loop.last %}
        <!-- loop.last 是一个 Jinja for 循环内部可用的特殊变量，它用于在每个博客帖子后面显示一条线来分隔帖子,最后一个帖子除外. -->
            <hr>
        {% endif %}
    {% endfor %}
{% endblock %}